<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>$.ajax()方法和作用</title>
</head>
<body>

	<!-- $.ajax()方法和作用：
		1、$.ajax()方法是基于jQuery内部封装的ajax对象的调用接口
		2、如果服务器相应回来的数据类型是json对象化那么在$.ajax()方法内部会自动在客户端转换成json对象格式
		3、如果在 $.ajax()中的data属性以json对象格式传递参数该方法内部会自动默认转化成x-www-form-urlenconded格式（name=zahngsan&age=20）
		  如果要以json格式就要这样处理 data:JSON.stringify({name:"zhangsan",age:25}) 并配置指定参数格式类型 contentType："application/json"

		 -->



	<!-- 布局 -->
	<button id="btn">点我发送请求</button>



	<!-- js代码部分 -->
	<script src="./js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">
		// 给按钮绑定单击事件
		$("#btn").on("click",function(){
			// 调用ajax方法发生请求
			$.ajax({
				// 请求方式
				type:"get",
				// type:"post",
				// 请求地址(在这个方法中如果请求的地址是同一个网站的地址就可以简写)
				url:"/base",
				
				// 向服务器发送请求参数
				// data:{
				// 	name:"wanfqi",
				// 	age:67
				// },
				data:JSON.stringify({
					name:"zhaoliu",
					age:36
				}),
				// 指定参数的格式类型
				contentType:'application/json',
				
				// 请求成功后这个函数被调用
				success:function(response){
					console.log(response);

				},
				// 请求失败后这个函数被调用
				error:function(xhr){
					console.log(response);

				},
			})

		})
	</script>
	
	






</body>
</html>